<template>
    <div class="personDetail">
        <div class="bg"></div>
        <div class="top">
            <van-nav-bar left-arrow  @click-left="onClickLeft">
                <template #left>
                    <div class="pic">
                        <img class="auto-img" src="../../public/images/songList/向左.png" alt="">
                    </div>
                </template>
                <template #right>
                    <van-icon name="ellipsis" color="#fff" size="25" />
                </template>
            </van-nav-bar>
            <div class="pic_name">
                <div class="pic2">
                    <img class="auto-img" src="../../public/images/login/造型女孩.png" alt="">
                </div>
                <div class="name">{{ personDetailData.nickname }}</div>
            </div>
            <div class="isYesData">
                <div>0<span>关注</span></div>
                <div>0<span>粉丝</span></div>
                <div>0<span>好友</span></div>
                <div>0<span>访客</span></div>
            </div>
        </div>

    </div>
</template>

<script>
export default {
    name: "PersonDetail",
    data() {
        return {
            personDetailData: "",
            userId:""
        }
    },
    created() {
          
        // this.userId = this.$route.params
        this.axios({
            method: "post",
            url: "/user/detail",
            params:{
                // uid:
            }
        }).then(res => {
            // this.personDetailData = res.data.data.profile

              
        })
    },
    methods:{
        onClickLeft(){
             
            this.$router.back()
        }
    }
}
</script>

<style lang="less" scoped>
.personDetail {
    color: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.top {
    height: 100%;
    position: relative;
    z-index: 2;

    .van-nav-bar {
        background-color: transparent;
    }

    [class*=van-hairline]::after {
        border: none;
    }
}

.bg {
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url(../../public/images/home/20170219121202_4wAjr.jpeg) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    // filter: blur(5px);
}

.pic {
    width: 20px;
}

.pic_name {
    margin-top: 170px;
    margin-left: 20px;

    .pic2 {
        width: 100px;

        img {
            border-radius: 50%;
        }
    }
    .name{
        margin-top: 15px;
        font-size: 16px;
        font-weight: bold;
    }
}
</style>